<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>深圳橘子软件</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header class="bg-primary text-white text-center py-5" style="background-image: url('image/hero.jpg'); background-size: cover; background-position: center;">
        <h1>深圳橘子软件</h1>
        <p>Qt低代码解决方案</p>
    </header>

    <main class="container my-5">
        <div class="row row-cols-1 row-cols-md-3 g-4">
            <div class="col">
                <div class="card h-100">
                    <img src="JZVision/image/JZVision.png" class="card-img-top" alt="JZVision">
                    <div class="card-body">
                        <h5 class="card-title">JZVision</h5>
                        <p class="card-text">低代码视觉平台</p>
                    </div>
                    <div class="card-footer">
                        <a href="JZVision/index.html" class="btn btn-primary">了解更多</a>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <img src="JZNodeEditor/image/JZNodeEditor.png" class="card-img-top" alt="JZNodeEditor">
                    <div class="card-body">
                        <h5 class="card-title">JZNodeEditor</h5>
                        <p class="card-text">通用低代码平台</p>
                    </div>
                    <div class="card-footer">
                        <a href="JZNodeEditor/index.html" class="btn btn-primary">了解更多</a>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="bg-dark text-white text-center py-3">
        <p><a href="https://beian.miit.gov.cn" target="_blank">粤ICP备2025421245号</a></p>
        <p>&copy; 2025 深圳橘子软件官网. 保留所有权利。</p>
    </footer>

    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
</body>
</html>